@charset "utf-8";
html {
    font-family: "Helvetica Neue",Helvetica, sans-serif;
    /*谷歌浏览器字体最小字体12px*/
    -webkit-text-size-adjust: 100%;/*100%/none 关闭字体大小自动调整功能*/
    /*a标签及拥有 :active伪类的元素有默认的高亮框*/
    -webkit-tap-hightlight-color: transparent;
    /*禁止文本被选中*/
    -webkit-user-select: none;
}
body{
    font-family: Helvetica;
    overflow-x: hidden;
    /*开启moblie网页快速滚动和回弹的效果*/
    -webkit-overflow-scrolling: touch;
    font-size: 12px;
}

/* 清除默认样式 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a{
    color: #333;
    text-decoration: none;
}

em, i {
    font-style: normal;
}

ul, li, ol {
    list-style-type: none;
}

strong {
    font-weight: normal;
}

a, img {
    /*阻止长按页面，弹出菜单的方法*/
    -webkit-touch-callout:none;
}

input, textarea {
    -webkit-appearance: none;
    outline: none;
    border: none;
}

/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

/* 取消链接高亮  */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 移动端点击a链接出现蓝色背景问题解决 */
a:link,a:active,a:visited,a:hover {
    background: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}

/* 禁止缩放表单 */
input[type="submit"], input[type="reset"], input[type="button"], input {
    resize: none;
    border: none;
}

/*修改placeholder的字体颜色*/
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    color: #000;  
} 
input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    color: #000; 
} 
input:-ms-input-placeholder{ 
    color: #000; 
} 
input::-webkit-input-placeholder{ 
    color: #000; 
}

/* 图片自适应 */
img {
    width: 100%;
    height: auto;
    border: 0;
    width: auto\9; /* ie8 */
    display: block;
    -ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/
    vertical-align: middle;
}

/* 清除浮动 */
.clearfix:after{
    content: "";
    display: block;
    width: 100%;
    height: 0;
    clear: both;
}

/*单行溢出*/
.one-txt-cut{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*多行溢出 手机端使用*/
.txt-cut{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
}

.w50{
    width: 50%;
}
.w25{
    width: 25%;
}
.w20{
    width: 20%;
}
.w33{
    width: 33.333333%;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.db{
    display: block !important;
}
.dn{
    display: none;
}
.dl{
    display: inline-block;
}
.fz6{
    font-size: 6px;
}
.fz8{
    font-size: 8px;
}
.fz10{
    font-size: 10px;
}
.fz12{
    font-size: 12px;
}
.fz{
    font-size: 14px;
}
.fz16{
    font-size: 16px;
}
.fz18{
    font-size: 18px;
}
.r{
    color:red;
}
.w{
    color: #fff;
}
.m0{
    margin: 0 auto;
}
.mt2{
    margin-top: 2px;
}
.mt3{
    margin-top: 3px;
}
.mt5{
    margin-top: 5px;
}
.mt8{
    margin-top: 8px;
}
.mt10{
    margin-top: 10px;
}
.mt12{
    margin-top: 12px;
}
.mt14{
    margin-top: 14px;
}
.mt15{
    margin-top: 15px;
}
.mt18{
    margin-top: 18px;
}
.mt20{
    margin-top: 20px;
}
.mt30{
    margin-top: 30px;
}
.ta{
    text-align: center;
}
.td{
    text-decoration: line-through;
}
.mb3{
    margin-bottom: 3px;
}
.mb5{
    margin-bottom: 5px;
}
.mb6{
    margin-bottom: 6px;
}
.mb7{
    margin-bottom: 7px;
}
.mb8{
    margin-bottom: 8px;
}
.mb10{
    margin-bottom: 10px;
}
.mb20{
    margin-bottom: 20px;
}
.mb30{
    margin-bottom: 30px;
}
.mb35{
    margin-bottom: 35px;
}
.mb40{
    margin-bottom: 40px;
}
.mb45{
    margin-bottom: 45px;
}
.mr3{
    margin-right: 3px;
}
.mr5{
    margin-right: 5px;
}
.mr7{
    margin-right: 7px;
}
.mr10{
    margin-right: 10px;
}
.mr20{
    margin-right: 20px;
}
.ml3{
    margin-left: 3px; 
}
.ml5{
    margin-left: 5px; 
}
.ml10{
    margin-left: 10px; 
}
.ml15{
    margin-left: 15px; 
}
.df{
    display: flex; 
}
.dflex{
    display: flex;
    justify-content: center;
    align-items: center;
}
.dfj{
    display: flex;
    justify-content: center;
}
.sa{
    display: flex;
    align-items: center; 
}
.tcenter{
    text-align: center;
}

.sr{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.spacebetween{
    display: flex;
    justify-content: space-between;
}

.flexstart{
    display: flex;
    justify-content: flex-start;
}
.fe{
    display: flex;
    justify-content: flex-end;
}

.dfw{
    display: flex;
    flex-wrap: wrap;
}
.dfn{
    display: flex;
    flex-wrap: nowrap;
}
.pr{
    position: relative;
}
.paa{
    position: absolute;
    top:0;  
    transform: translateY(-50%);      
}
.pab{
    position: absolute;
    top:8%;  
    transform: translateY(-50%);      
}
.py{
    position: absolute;
    top:50%;
    transform: translateY(-50%);    

}
.pat{
    position: absolute;
    top:0;
    left: 50%;
    transform: translateX(-50%);
}
.pat40{
    position: absolute;
    top:40%;
    left: 50%;
    transform: translateX(-50%);
}
.pa{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.pfm{
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    margin: auto;
}
.clearpostion{
    position: static;
}
.vm{
    vertical-align:middle
}
.wh{
    height: 15px;
    width: 15px;
}
.wh47{
    height:  47px;
    width: 47px;
}
.yw{
    background-color: yellowgreen;
}
.pp{
    background-color:rgb(46, 5, 131);
}
.yy{
   color:#FFE733;
}
.p{
    color:rgb(46, 5, 131);
}
.re{
    background-color: rgb(205, 50, 71);
}
.r{
    color: rgb(205, 50, 71);
}
.ww{
    background-color: #fff;
}
.bgc{
  background-color:rgb(243, 243, 243);
}
.gray{
    color: #5B5A5A;
}
.p5{
    padding: 5px;
}

.p8{
    padding: 8px;
}
.p10{
    padding: 10px;
}
.p20{
    padding: 20px;
}
.fw{
    font-weight: 700;
}

